<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // document.body.style.backgroundColor = rgb;
      function color() {
        var rgb = '#';
        for (var i = 0; i < 3; i++) {
          var color = Math.round(Math.random() * 255);
          if (color < 16) {
            color = '0' + color.toString(16);
          } else {
            color = color.toString(16);
          }
          rgb += color;
        }
        return rgb;
      }
      setInterval(function () {
        // var rgb = '#';
        // for (var i = 0; i < 3; i++) {
        //   var color = Math.round(Math.random() * 255);
        //   if (color < 16) {
        //     color = '0' + color.toString(16);
        //   } else {
        //     color = color.toString(16);
        //   }
        //   rgb += color;
        // }
        // document.body.style.backgroundColor = rgb;
        // document.body.style.backgroundColor = color();

        
        var rgb = rgbacolor();
        document.body.style.backgroundColor =
          'rgb(' + rgb[0] + ',' + rgb[1] + ',' + rgb[2] + ',' + rgb[3] + ')';
      }, 2000);
      function rgbacolor() {
        var rgb = [];
        for (var i = 0; i < 3; i++) {
          var color = Math.round(Math.random() * 255);
          rgb.push(color);
        }
        rgb.push(Math.random());
        // var rgba = 'rgb(' + rgb[0] + ',' + rgb[1] + ',' + rgb[2]+',' + rgb[3] +')';
        // console.log(rgb);
        // console.log(rgba);
        return rgb;
      }
      rgbacolor();
      // rgb(78,89,56,0.7)
    </script>
  </body>
</html>
